import React, { useEffect, useState } from 'react';
import './style.less';
import { Bar } from '@ant-design/charts';


const StiffWoodCategory = (props) => {
  let [categoryData,setcategoryData] = useState([]);
 
  let [arrCategoryData,setarrCategoryData] = useState([])
  let name = 'components-stiffWoodCategory';
  const {dataValue} = props;
  useEffect(() => {
    etOption()
    categoryData = dataValue
  },[])


  const etOption = () => {
   
  }

  var data = [
    {
      year: '1951 年',
      value: 38,
    },
    {
      year: '1952 年',
      value: 52,
    },
    {
      year: '1956 年',
      value: 61,
    },
    {
      year: '1957 年',
      value: 145,
    },
    {
      year: '1958 年',
      value: 48,
    },
  ];
  var config = {
    data: data,
    xField: 'value',
    yField: 'year',
    seriesField: 'year',
    legend: { position: 'top-left' },
  };

  return <div className='category'>
    <div className="sti-ffWoodCategory-container">
      <div className="sti-ffWoodCategory-chart" id="sti-ffWoodCategory-chart">
        <Bar {...config} />
      </div>
    </div>
  </div>
}

export default StiffWoodCategory;



